

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css综合任务1</title>
</head>
<body>
    <div class="a"><a href="./index.html">
        开始游戏
    </div></a>
    <div class="b"><a href="./讲解视频.html">
        讲解视频
    </div></a>
    <div class="c"><a href="#">
        码云仓库
    </div></a>



<style>
    *{
        margin: 0;
        padding: 0;
    }
    body{
    background:url("./img/规则壁纸.png");
    background-attachment: fixed;
    background-size: cover;
    }

    div{
    width: 75px;
    height: 25px;
    }
    
    header{
    width: 1190px;
    }

a{
    text-decoration: none;
    color: rgb(255, 255, 255);
}
.a {
    position: fixed;
  background: #c1975d;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 900;
  font-size: 18px;
  border: 3px solid #e5d4be;
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
  margin: 45% 35%;
  
}
.a:active {
  box-shadow: none;
  transform: translate(3px, 3px);
}



.b {
    position: fixed;
  background: #c1975d;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 900;
  font-size: 18px;
  border: 3px solid #e5d4be;
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
  margin: 45% 50%;
  
}
.b:active {
  box-shadow: none;
  transform: translate(3px, 3px);
}


.c {
    position: fixed;
  background: #c1975d;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 900;
  font-size: 18px;
  border: 3px solid #e5d4be;
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
  margin: 45% 65%;
  
}
.c:active {
  box-shadow: none;
  transform: translate(3px, 3px);
}



</style>
</body>
</html>